<template>
  <div class="block_item" v-if="data"  @click="jumpToVideo('三天三夜','8707081')">
          <div class="video_container" v-for="(item,index) in data" :key="index" >
            <div class="img">
              <img :src="item.img" alt="" />
            </div>
            <span class="title" :title="item.title">{{item.title}}</span>
            <div class="up">
              <img src="/img/up_gray.png" class="up_gray" alt="" />
              {{item.up}}
            </div>
            <div class="video_info">
              <p class="info"><img src="/img/play.png" alt="" />{{item.play}}</p>
              <p class="awe_num"><img src="/img/dianzan_0.png" alt="" />{{item.awe}}</p>
              <img src="/img/replay.png" alt="" class="replay" />
            </div>
          </div>
  </div>
</template>

<script>
  export default {
    props:['data'],
    methods:{
      jumpToVideo(kw,vid){
      // '三天三夜','8707081'
      this.$router.push(`/video/${kw}/${vid}`)
    },
    }
  }
</script>

<style lang="scss">
</style>
